<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>换房</title>
    <link rel="stylesheet" href="../css/layui.css">
</head>
<body>
<header th:replace="common/header"></header>
<div class="layui-container">
    <div style="margin: 0 auto;margin-top: 2%;margin-left: 25%">
        <span th:text="${msg}" style="color: red"></span>
        <form action="/customer/changedRoom" method="post" th:object="${check_in}">
            <div style="overflow-x: auto; overflow-y: auto; height: 500px; width:600px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">入住ID:  </label>
                    <div class="layui-input-inline">
                        <input type="text"  name="name" th:field="*{check_in_id}" autocomplete="off" class="layui-input">
                    </div>
                </div>



                <div class="layui-form-item">
                    <label class="layui-form-label">客户姓名:  </label>
                    <div class="layui-input-inline">
                            <input type="text"  name="name" th:field="*{check_in_name}" autocomplete="off" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">房间号码:</label>
                    <div class="layui-input-block">
                        <select name="room_id">
                            <option th:each="room:${availableRoomList}" th:value="${room.room_id}">
                                <span th:text="${room.room_id}"></span>
                            </option>
                        </select>
                    </div>
                </div>

            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>

        </form>
    </div>
</div>
<footer th:replace="common/bottom"></footer>
</body>
<script src="../js/layui.all.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
